<!DOCTYPE html>     		
<html> 						
<head>
	<link  rel="icon"  href="2.png"/ type="image/png">
  <meta charset="UTF-8">	
  <title>小米礼品卡</title>	
  <style type="text/css">
	  *{
		  margin: 0px;
		  padding: 0px;
	  }
	  body {
	      font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
	      color: #333;
	      background-color: #fafafa;
	      min-width: 1226px;
	  }
	  #app{
		  height: 1226px;
		  width: 1516px;
		  margin: auto;
		  
	  }
	  #header-header{
		  width: 100%;
	  }
	  .container{
		  width: 1226px;
		  margin-right: auto;
		  margin-left: auto;
	  }
	  .site-topbar {
	      position: relative;
	      z-index: 30;
	      height: 40px;
	      font-size: 12px;
	      color: #b0b0b0;
	      background: #333;
		  
		  
	  }
	.site-topbar .topbar-nav {
	    float: left;
	    height: 40px;
	    line-height: 40px;
	}  
	 .site-topbar .sep {
	     margin: 0 .3em;
	     color: #424242;
	 }
	 
	 .ndash .sep {
	     margin: 0 .25em;
	     font-family: sans-serif;
	 }
	  .site-topbar a {
	      color: #b0b0b0;
	      line-height: 40px;
	      display: inline-block;
	  }
	 .site-topbar .topbar-cart {
	     position: relative;
	     float: right;
	     width: 120px;
	     height: 40px;
	     margin-left: 15px;
	     -webkit-transition: all .2s;
	     transition: all .2s;
	     font-size: 12px;
	 } 
	 .site-topbar .cart-mini {
	     position: relative;
	     z-index: 32;
	     display: block;
	     height: 40px;
	     line-height: 40px;
	     text-align: center;
	     color: #b0b0b0;
	     background: #424242;
	 } 
	 .site-topbar .topbar-info {
	     position: relative;
	     float: right;
	     height: 40px;
	     line-height: 40px;
	 }
	 .site-topbar .topbar-info .link, .site-topbar .topbar-info .message, .site-topbar .topbar-info .sep, .site-topbar .topbar-info .user {
	     float: left;
	 }
	 .site-topbar .user {
	     position: relative;
	     width: 110px;
	     padding: 0;
	     white-space: nowrap;
	 }
	 .site-topbar .user-name {
		 float: right;
	     position: relative;
	     z-index: 5;
	     display: block;
	     width: 110px;
	     height: 40px;
	     text-align: center;
	 }
	 .site-topbar .user-name .name {
	     display: inline-block;
	     width: auto;
	     max-width: 75px;
	     text-overflow: ellipsis;
	     vertical-align: text-bottom;
	     overflow: hidden;
	 }
	 .site-topbar .message {
	     padding: 0 10px;
	 }
	 .site-topbar .user {
	     position: relative;
	     width: 110px;
	     padding: 0;
	     white-space: nowrap;
	 }
	  
	  div.header{		
	  	background-color:#fffffb;
	  	clear:left;
	    height: 100px;
		margin-top: auto;
	  } 
	  .header .header-log {
		  float: left;
		  margin-top: 22px;
		  margin-left: 165px;
	  }
	  .header-log{
		  height: 56px;
		  width: 56px;
		  margin-left: 50px;
	  }
	  .header-log img{
		  width: 50px;
		  height: 50px;
	  }
	  .header-nav{
		  
	  }
	  .header li{
		  font-size: 16px;
		  margin-left: 50px;
		  position: relative;
		  float: left;
		  list-style: none;
		  margin-top: 38px;
	  }
	  
	  
	  div.left,div.content{
	  	float:left;
	  	height:100%;
	  	width:74%;
	  }
	  
	  div.left{
	  	background-color:#fffffb;
	  	height: 916px;
		width: 234px;
		padding: 36px 0;
		margin-right: 10px;
		margin-left: 160px;
	  }
	  .left h3 a{
		  font-size: 16px;
		      font-weight: 400;
		      line-height: 52px;
		      color: #333333;
		      margin: 0;
		      padding: 0;
			  margin-left: 50px;
			  color: black;
			  color: #69541b;
	  }
	  
	  .left li {
		  margin-left: 50px;
		  display: list-item;
		  list-style: none;
		  padding: 6px 0;
		  
	  }
	  .left a{
		  color: #d5c59f;
	  }
	  
	  div .content{
		  height: 605px;
		  width: 882px;
		  padding: 36px 48px;
		  
	  }
	  .content{
		  background-color:#fffffb;
	  }
	  .content-portal{
		  margin-top: 24px;
		  
	  }
	  .content-portal .user-card{
		position: relative;
		    float: left;
		    width: 302px;
		    height: 160px;
		    padding-left: 180px;
		    padding-top: 40px;  
	  }
	  .user-action{
		      float: right;
		      width: 358px;
		      margin-top: 35px;
	  }
	  .user-action li{
		  position: relative;
		      padding: 6px 0;
			  list-style: none;
	  }
	  .user-action li span{
		  
	  }
	  
	  #portal-list{
		  margin: 0;
		      padding: 60px 0 0;
		      list-style-type: none;
		      color: #757575;
	  }
	  
	  .content ul{
		  
	  }
	  .content-list{
		  position: relative;
		      float: left;
		      width: 276px;
		      height: 65px;
		      padding-left: 112px;
		      padding-top: 15px;
		      margin-left: 14px;
		      margin-bottom: 80px;
			  list-style: none;
			  margin-top: 30px;
	  }
	  .content img{
		      position: absolute;
		      left: -10px;
			  top: -1px;
	  }
	  .content h3{
		      font-size: 18px;
		      font-weight: 400;
	  }
	  /* .center span{
		  color: red;
	  } */
	  
	  .box{
		  font-size: 25px;
		  margin:0 auto;
		  height:40px;
		  margin-left: 160px;
	  }
	  a{
		text-decoration: none;
		color: black;
	  }
	  
	  
	  .d1{
		  margin-top: 100%;
	     width: 1519px;
	     height: 280px;
	     background-color: #fafafa;
	     margin: 0 auto;
	     position: relative;
	    }
	    .d1 img{
	     width: 60px;
	     height: 60px;
	     position: absolute;
	     top: 30px;
	     left: 100px;
	    }
	    .d2{
	     position: absolute;
	     top: 40px;
	     left: 170px;
	     right: 250px;
	     font-size: 14px;
	    }
	    .d3{
	     margin-left: 170px;
	     padding-top: 90px;
	    }
	    .d3 p{
	     font-size: 12px;
	     color: #666666;
	    }
	    .d4{
	     position: absolute;
	     left: 30%;
	      top: 75%;
	      color: #999999;
	      font-size: 25px;
	    }
		.list{
				      margin-left: auto; 
				      float: left;
				      margin: 0;
				      padding: 18px 0;
				      list-style-type: none;
				      font-size: 16px;
				      line-height: 1.25;
		}
		.list li{
				  float: left;
				      padding: 0 20px;
				      border-left: 1px solid #e0e0e0;
				      color: #757575;
		}
		.list a:active{
				  color: red;
		}
		.list a:hover{
				  color: red;
		}
		
		.list2{
				  margin: 40px 0;
				      font-size: 18px;
				      text-align: center;
				      color: #b0b0b0;
					  margin-top: 100px;
		}
		/* 购买资格的一块 */
		.mi-user-invite .invite-helps {
		    margin-top: 30px;
		    padding-top: 30px;
		    border-top: 1px solid #e0e0e0;
		}
		.mi-user-invite .invite-helps .title {
		    margin: 0 0 10px;
		    font-size: 18px;
		}
  </style>
</head>						
<body>
	<div id="app">
		<div class="site-topbar">
		<div class="container">
			<div class="topbar-nav">
				<a href="#">小米商城</a>
				<span class="sep"></span>
				<a href="#">MIUI</a>
				<span class="sep"></span>
				<a href="#">loT</a>
				<span class="sep"></span>
				<a href="#">云服务</a>
				<span class="sep"></span>
				<a href="#">天星数科</a>
				<span class="sep"></span>
				<a href="#">有品</a>
				<span class="sep"></span>
				<a href="#">小爱开放平台</a>
				<span class="sep"></span>
				<a href="#">企业团购</a>
				<span class="sep"></span>
				<a href="#">资质证照</a>
				<span class="sep"></span>
				<a href="#">协议规则</a>
				<span class="sep"></span>
				<a href="#">下载app</a>
				<span class="sep"></span>
				<a href="#">Select Location</a>
				<span class="sep"></span>
			</div>
			
			<div class="topbar-cart">
				<a  href="#"  class="cart-mini">购物车</a>
			</div>
			<span class="message">
				<a href="#" class="user-name">我的订单</a>
			</span>
			<span class="sep"></span>
			<span class="message">
				<a href="#" class="user-name">消息通知</a>
			</span>
			<span class="sep"></span>
			<span class="user">
				<a href="#" class="user-name">用户</a>
			</span>
			
		</div>
		</div>
		
		
		
	<div class="header">
		<div class="header-log">
			
			<a href=""><img src="./2.png" alt=""></a>
			
		</div>
		<div class="header-nav">
		<ul>
			<li><span><a href="#">全部商品分类</a></span></li>
			<li><span><a href="#">Xiaomi手机</a></span></li>
			<li><span><a href="#">Redmi红米</a></span></li>
			<li><span><a href="#">电视</a></span></li>
			<li><span><a href="#">笔记本</a></span></li>
			<li><span><a href="#">平板</a></span></li>
			<li><span><a href="#">家电</a></span></li>
			<li><span><a href="#">路由器</a></span></li>
			<li><span><a href="#">服务中心</a></span></li>
			<li><span><a href="#">社区</a></span></li>
		</ul>
		</div>
	</div>
	<hr />
	<div class="box">
		<a href="index.html">首页/个人中心</a>
	</div>
	
	<div class="left">
	        <h3><a >订单中心</a></h3>
			
			<li><a href="我的订单.html">我的订单</a></li>
			<li><a href="评价晒单.html">评价晒单</a></li>
			<li><a href="话费充值订单.html">话费充值订单</a></li>
			<li><a href="以旧换新订单.html">以旧换新订单</a></li>
			
			
			<h3><a >个人中心</a></h3>
			
			<li><a href="个人中心.html">我的个人中心</a></li>
			<li><a href="消息通知.html">消息通知</a></li>
			<li><a href="购买资格.html">购买资格</a></li>
			<li><a href="现金账户.html">现金账户</a></li>
			<li><a href="小米礼品卡.html">小米礼品卡</a></li>
			<li><a href="现金券.html">现金券</a></li>
			<li><a href="喜欢的商品.html">喜欢的商品</a></li>
			<li><a href="优惠券.html">优惠券</a></li>
			<li><a href=" 收货地址.html">收货地址</a></li>
			<li><a href="红包.html">红包</a></li>
			
			
			<h3><a >售后服务</a></h3>
			
			<li><a href="服务记录.html">服务记录</a></li>
			<li><a href="申请服务.html">申请服务</a></li>
			<li><a href="领取快递报销.html">领取快递报销</a></li>
			
			
			<h3><a>账户管理</a></h3>
			
			<li><a href="个人信息.html">个人信息</a></li>
			<li><a href="修改密码.html">修改密码</a></li>
			<li><a href="注销服务.html">注销服务</a></li>
			
		</div>	
	        <div class="content">
	        <h1 class="title">小米礼品卡</h1>
	        
	        <div >
	        	<ul class="list">
	        		<li><a href="#">绑定礼品卡</a></li>
	        		<li><a href="#">我的礼品卡</a></li>
					<li><a href="#">未使用</a></li>
	        	</ul>
	        </div>
	        
	        <div>
	        	<ul class="list2">
	        		<p>暂无数据</p>
	        	</ul>
	        </div>
			<div class="invite-helps">
				<h3 class="title">
					礼品卡使用前需先绑定，确认已设置安全手机
				</h3>
				<p>
					无论是电子礼品卡还是实物礼品卡，在绑定时只需要输入礼品卡密码，点击确认即可绑定。<br />
					礼品卡在使用之前，需要与小米ID绑定，每个礼品卡密码只可绑定一次，绑定后不可解绑，礼品卡内金额无需一次用完，您可以在有效期内不限次数重复使用。<br />
					礼品卡在绑定之前，请确认您的小米ID已经设置了安全手机，为保证您的资金安全，在使用礼品卡消费时，需要向您的安全手机发送验证码，验证通过以后才可以使用。<br />
				</p>
				<h3 class="title">
					下单时选择礼品卡即可抵扣，暂不支持抵扣物流费
				</h3>
				<p>
					您可以像以前一样在小米网选购商品，在订单结算时，填写完地址、电话等信息后，在页面的下方点击使用礼品卡，勾选您希望用来支付的礼品卡，提交订单并支付余款就可完成交易。<br />
					在小米网购买商品，满69元免运费（大家电及其他特殊说明情况除外），礼品卡暂不支持抵扣物流费，如果订单未满69元，需要支付10元运费，并通过在线支付的方式支付。
				</p>
				<h3 class="title">
					礼品卡的使用范围是什么？
				</h3>
				<p>
					礼品卡可用于购买小米商城自营实物商品（有品商品除外），暂不支持抵扣物流费，暂不支持购买小米移动电话卡、保险等虚拟商品/服务、合约机及其他第三方发货的商品。<br />
					小米商城（商城配送）及部分线下小米之家门店可以在购买上述商品时选择礼品卡支付使用，暂不支持门店闪送和到店自取。
					*注意：具体是否可用请以订单支付页面显示或门店店员告知为准。
				</p>
			</div>
			</div>
	</div>
	<div class="d1">
	 <img src="2.png"/>
	 <p class="d2">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 | 小米商城用户协议 | 问题反馈 | Select Location
	  北京互联网法院法律服务工作站 | 中国消费者协会 | 北京市消费者协会</p >
	  <div class="d3">
	   <p> mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p >
	   <p>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p >
	   <p>增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证</p >
	   <p>违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p >
	  
	  </div>
	  <p class="d4">让全球每个人都能享受科技带来的美好生活</p >
	</div>
</body>						
</html>	